<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />        
        <meta name="keywords" content="Online softver, događaj, event management" />
        <meta name="description" content="Online softver za upravljanje događajem" />
        <meta name="Language" content="en" />
        <meta name="Robots" content="index,follow" />
        <meta name="Author" content="Kukic Ivan # ikukic@yahoo.com" />
        <meta name="revisit-after" content="2 days" />
        <meta name="Distribution" content="global" />
        <title>Prijava Učesnika | Online softver za upravljanje događajem</title>  
        <link rel="icon" href="#" type="image/x-icon" />
        <link href="assets/css/core.css" rel="stylesheet" type="text/css" /> 
        <script type="text/javascript" src="assets/js/_plugins/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="assets/js/_plugins/jquery.nivo.slider.pack.js"></script>
        <link rel="stylesheet" href="assets/css/nivo.slider/default/default.css" type="text/css" media="screen" /> 
        <link rel="stylesheet" href="assets/css/nivo.slider/nivo-slider.css" type="text/css" media="screen" />  

    </head>
    <body>

        <div id="wrap">

            <div class="box-top">
            </div>

            <div class="box-mid">

                <div class="head-first clearfix">

                    <div class="dots"></div>
                    <div class="links">
                        <a href="index.html"><img src="assets/img/links/onama.gif"  width="49" height="16" /></a>
                        <a href="index.html"><img src="assets/img/links/kontakt.gif"  width="51" height="16" /></a>
                        <a href="index.html"><img src="assets/img/links/podrska.gif"  width="48" height="16" /></a>
                    </div>
                    <div class="green-filter"></div>
                    <div class="green-support"></div>

                </div>

                <div class="head-second clearfix">

                    <div class="logo">
                        <a href="index.html"><img src="assets/img/logo.gif" alt="online softver za upravljenje događajem" width="584" height="24" /></a>
                    </div>
                    <div class="login">
                        <select id="login" name="login">
                            <option selected="selected">--Login za klijente</option>
                            <option>prijava učesnika</option>
                            <option>prijava abstrakta</option>
                            <option>prijava izlagača</option>
                        </select>
                    </div>
                    <div class="flags">
                        <a href="index.html">
                            <img src="assets/img/flags/me.gif" alt="crnogorski" width="26" height="15" />
                        </a>
                        <a href="index.html" class="nopadding">
                            <img src="assets/img/flags/en.gif" alt="crnogorski" width="26" height="15" />
                        </a>
                    </div>

                </div>

                <div class="banners">

                    <div class="banner_link">

                        <a href="index.html" class="btn">Pogledajte detalje</a>

                    </div>

                    <!--<div><img src="assets/img/banners/prijava_uc_p1.jpg" width="988" height="97" /></div>
                    <div><img src="assets/img/banners/prijava_uc_p2.jpg" width="988" height="151" /></div>
                    <div><img src="assets/img/banners/prijava_uc_p3.jpg" width="988" height="98" /></div>-->
                    <div class="slider-wrapper theme-default">
                        <div id="banner_1" class="nivoSlider">

                            <img src="assets/img/banners/prijava_ucesnika.jpg" width="988" height="346" />
                            <img src="assets/img/banners/prijava_abstrakta.jpg" width="988" height="346" />
                            <img src="assets/img/banners/prijava_ucesnika.jpg" width="988" height="346" />
                            <img src="assets/img/banners/prijava_abstrakta.jpg" width="988" height="346" />

                        </div>
                    </div>

                </div>

                <script type="text/javascript">

                    $(window).load(function() {

                        var counter = 0;
                        var numSlides = 4;

                        $('#banner_1').nivoSlider({
                            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
                            slices: 15, // For slice animations
                            boxCols: 8, // For box animations
                            boxRows: 4, // For box animations
                            animSpeed: 500, // Slide transition speed
                            pauseTime: 3000, // How long each slide will show
                            startSlide: 0, // Set starting Slide (0 index)
                            directionNav: true, // Next & Prev navigation
                            directionNavHide: true, // Only show on hover
                            controlNav: true, // 1,2,3... navigation
                            controlNavThumbs: false, // Use thumbnails for Control Nav
                            controlNavThumbsFromRel: false, // Use image rel for thumbs
                            controlNavThumbsSearch: '.jpg', // Replace this with...
                            controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                            keyboardNav: true, // Use left & right arrows
                            pauseOnHover: true, // Stop animation while hovering
                            manualAdvance: false, // Force manual transitions
                            captionOpacity: 0.8, // Universal caption opacity
                            prevText: 'Prev', // Prev directionNav text
                            nextText: 'Next', // Next directionNav text
                            beforeChange: function(){   links_display(); }, // Triggers before a slide transition 
                            afterChange: function(){}, // Triggers after a slide transition
                            slideshowEnd: function(){}, // Triggers after all slides have been shown
                            lastSlide: function(){}, // Triggers when last slide is shown
                            afterLoad: function(){ $('.ban-links #link_01').css('backgroundPosition','0 -43px'); } // Triggers when slider has loaded
                        });

                        $('.ban-links a').live('click', function(){

                            var id = parseInt(this.id.substring(6, 7)- 2)

                            $('#banner_1').data('nivo:vars').currentSlide = id;

                            $('.nivo-nextNav').trigger('click');

                        })

                        function links_display(){

                            for(i=1;i<=numSlides;i++){
                                $('.ban-links #link_0'+i).css('backgroundPosition','0 0');
                            }
                            
                            var curSlide = $('#banner_1').data('nivo:vars').currentSlide +2;
                            
                            if(curSlide>numSlides) curSlide=1;
                            if(curSlide==0) curSlide=4;
                            
                            
                            console.log('curSlide:'+curSlide)
                            
                            
                            $('.ban-links #link_0'+(curSlide)).css('backgroundPosition','0 -43px'); 


                        } 


                    });

                </script>

                <div class="ban-links clearfix">

                    <a id="link_01" href="javascript:" class="selected">prijava učesnika</a>
                    <a id="link_02" href="javascript:">prijava abstrakta</a>
                    <a id="link_03" href="javascript:">izlagači i štandovi</a>
                    <a id="link_04" href="javascript:">prijave po niskoj cijeni</a>

                </div>

                <div class="site-banners-bot clearfix">

                    <div class="firm_logo"><a href="index.html"><img src="assets/img/firm_logo.jpg" width="145" height="96" /></a></div>
                    <div class="case_study"><a href="index.html"><img src="assets/img/banners/case_study.jpg" width="192" height="90" /></a></div>
                    <div class="features"><a href="index.html"><img src="assets/img/banners/features.jpg" width="313" height="90" /></a></div>
                    <div class="faq"><a href="index.html"><img src="assets/img/banners/faq.jpg" width="191" height="90" /></a></div>
                    <div class="enquiry"><a href="index.html"><img src="assets/img/banners/enquiry.jpg" width="127" height="90" /></a></div>

                </div>

            </div>

            <div class="box-bot">
                <div id="footer">
                    &copy; Sva prava zadržana. Logic Solution.
                </div>
            </div>



        </div>


    </body>
</html>
